<template>
	<view>
		<view class="bottom-box">
			<image :src="dataInfo.logo" class="logo-img" mode="widthFix"></image>
			<view class="follow-text">
				<view class="title">
					<text>{{dataInfo.slogan_title}}</text>
				</view>
				<view class="intro">{{dataInfo.slogan_intro}}</view>
			</view>
			<view class="list-cont">
				<view class="item">
					<text class="label">联系人：</text>
					<text>{{dataInfo.company_contact}}</text>
				</view>
				<view class="item">
					<text class="label">联系电话：</text>
					<text>{{dataInfo.company_tel}}</text>
				</view>
				<view class="item">
					<text class="label">地址：</text>
					<text>{{dataInfo.company_location}}</text>
				</view>
				<view class="item big">
					<text class="label">版权所有：</text>
					<text>{{dataInfo.company_copyright}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				dataInfo:{}
			};
		},
		props: {
		  data:{
			  type:Object,
			  value:{}
		  }
		},
		mounted: function () {
		  var that = this;
		  that.$api.request('enterprise', 'bottom', failres => {
		  	that.$api.msg(failres.errmsg)
		  }).then(res => {
			let data = JSON.parse(res.data)
			that.dataInfo = data
		  })
		},
		methods: {
			
		}
		  
	}
</script>

<style lang="less">
	
.logo-img{
	width:100%;
}
.bottom-box{
	padding: 30upx 40upx 88upx;
	background-color: #ffffff;
	border-radius: 8upx;
	background-image: url('https://unimall-demo.oss-cn-shenzhen.aliyuncs.com/bg/4f583ba6328e4c0aa17fb447c869a6d5.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	.follow-text{
		margin-top: 37upx;
		.title{
			color: #006D32;
			font-size: 30upx;
			font-weight: bold;
			text{
				margin-right: 20upx;
			}
		}
		.intro{
			margin-top: 17upx;
			color: #4EAB79;
			font-size: 24upx;
		}
	}
	.list-cont{
		margin-top:47upx;
		color: #006D32;
		font-size: 24upx;
		.item{
			&:not(:last-child){
				margin-bottom: 20upx;
			}
			.label{
				color: #4EAB79;
			}
			&.big{
				margin-top: 40upx;
				.label{
					display: block;
					margin-bottom: 10upx;
				}
			}
		}
	}
	}

</style>
